<?php
$HontListasVotos = new ListasVotos();
//CLASIFICACION PORCENTAJE
//OBTENER LAS LISTAS AGREGADAS A LOS SCRUTINIOS
$listasHontAgregadas = $HontListasVotos->searchListasVotosPorcentaje($model->id);
//Par poder hacer la regla d tres simple obtenemos l numero de votos validos y 
//con aqlla informacion poder hacer los respctivos calculos
$modelHontCantidadVotosValidos = HontCantidad::model()->findByAttributes(array('id' => $model->id_cantidad))->votos_validos; 
//data es un arreglo el cual ya tiene la structura para asignar 
// informacion para l reporte y gestiona las listas agregadas al escrutinio con sus respectivos votos
$data = $HontListasVotos->getPorcentajePieReporte($listasHontAgregadas,$modelHontCantidadVotosValidos);

?>
<div class="widget red">
    <div class="widget-title">
        <h4><i class="icon-user"></i> Reporte Porcentaje Listas</h4>
        <span class="tools">
            <a href="javascript:;" class="icon-chevron-down"></a>
            <!--a href="javascript:;" class="icon-remove"></a-->
        </span>
    </div>
    <div class="widget-body">
        <?php // if ($userDataProvider->getData()): ?>
        <div style='overflow:auto'> 
            <?php
            //                alue' => '$data->ultimaSesionUsuario("$data->usuario_id")',
            $this->Widget('ext.highcharts.HighchartsWidget', array(
                'options' => array(
                    // 'colors'=>array('#6AC36A', '#FFD148', '#0563FE', '#FF2F2F', '#000000'),
//                    'colors' => array('#FFD148', '#0563FE', '#FF2F2F', '#000000'),
                    'gradient' => array('enabled' => true),
                    'credits' => array('enabled' => false),
                    'exporting' => array('enabled' => false),
                    'chart' => array(
                        'plotBackgroundColor' => '#ffffff',
                        'plotBorderWidth' => null,
                        'plotShadow' => false,
                        'height' => 300,
                    ),
                    'title' => "S",
                    'tooltip' => array(
                        // 'pointFormat' => '{series.name}: <b>{point.percentage}%</b>',
                        // 'percentageDecimals' => 1,
                        'formatter' => 'js:function() { return this.point.name+":  <b>"+Math.round(this.point.percentage)+"</b>%"; }',
                    //the reason it didnt work before was because you need to use javascript functions to round and refrence the JSON as this.<array>.<index> ~jeffrey
                    ),
                    'plotOptions' => array(
                        'pie' => array(
                            'allowPointSelect' => true,
                            'cursor' => 'pointer',
                            'dataLabels' => array(
                                'enabled' => true,
                                'color' => '#AAAAAA',
                                'connectorColor' => '#AAAAAA',
                            ),
                            'showInLegend' => true,
                        )
                    ),
                    'series' => array(
                        array(
                            'type' => 'pie',
                            'name' => 'Percentage',
                            'data' => $data,
                        ),
                    ),
                )
            ));
            ?>
        </div>
        <br>

    </div>
</div>